<!--

	                   _ooOoo_
	                  o8888888o
	                  88" . "88
	                  (| -_- |)
	                  O\  =  /O
	               ____/`---'\____
	             .'  \\|     |//  `.
	            /  \\|||  :  |||//  \
	           /  _||||| -:- |||||-  \
	           |   | \\\  -  /// |   |
	           | \_|  ''\-/''  |   |
	           \  .-\__  `-`  ___/-. /
	         ___`. .'  /-.-\  `. . __
	      ."" '<  `.___\_<|>_/___.'  >'"".
	     | | :  `- \`.;`\ _ /`;.`/ - ` : | |
	     \  \ `-.   \_ __\ /__ _/   .-` /  /
	======`-.____`-.___\_____/___.-`____.-'======
	                   `=-='
 为什么默认显示双子座？
 ：因为作者就是双子座
-->


<!DOCTYPE html>
<!-- 
    版权声明：
    本开源代码遵循MIT协议，允许免费使用、修改和再发布。
    作者保留对代码的所有权利。
    使用本代码时，请在明显位置标明出处及作者信息。
    请勿用于商业用途。
    如有疑问请联系作者：wkzvip@yeah.net
    项目地址：https://toscode.gitee.com/wkzcode/xing/tree/master
    设计稿地址：https://cc.mockplus.cn/app/461rHWeoC/develop/m3iCWdsNEJ/KNxLuyxBBF-D4
-->
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.3/font/bootstrap-icons.css" rel="stylesheet">
    <title>星座运势</title>


</head>
<?php
// 底下的一言
include_once './php/yy.php';
?>

<body>
    <!-- 加载动画 -->
    <div class="loading" style="display: none;">
        <div class="heart-loader"></div>
        <span>加载中...<br></span>
    </div>


    <section class="top_title">
        <h1 class="xing_name">双子座</h1>
    </section>
    <section class="content">
        <div class="content_box">
            <h2 class="content_tit">综合运势</h2>
            <p class="content_cont">加载中,请等待....</p>
        </div>
    </section>
    <!-- 各阶段运势 -->
    <section id="jdys" class="jdys">
        <ul id="jdysul">
            <li data-id="" class="yun-1 yun-ok">日运</li>
            <li data-id="2" class="yun-2">周运</li>
            <li data-id="3" class="yun-3">月运</li>
            <li data-id="4" class="yun-4">年运</li>
            <li data-id="5" class="yun-5">爱情</li>
        </ul>
    </section>
    <!-- 幸运匹配 -->
    <section class="Lucky-Match">
        <!-- 幸运颜色 -->
        <div class="Lucky-Color">
            <h2>测试</h2>
            <span>幸运颜色</span>
        </div>
        <!-- 幸运数字 -->
        <div class="Lucky-Num">
            <h2>无</h2>
            <span>幸运数字</span>
        </div>
        <!-- 速配星座 -->
        <div class="Speed-sky">
            <h2>射手</h2>
            <span>速配星座</span>
        </div>
    </section>
    <!-- 注意事项 -->
    <section class="careful">
        <div class="y">
            <h2>宜</h2>
            <span class="careful-content-y">加载中...</span>
        </div>
        <div class="j">
            <h2>忌</h2>
            <span class="careful-content-j">加载中...</span>
        </div>
    </section>
    <section class="yy">
        <p class="yy_cont"><?php echo $yy; ?></p>
    </section>

    <section class="set">
        <div class="set_list">
            <div class="list_items">
                <p class="list_items_cont" id="0">白羊座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="1">金牛座</p>
            </div>
            <div class="list_items list_items_ok">
                <p class="list_items_cont list_ok" id="2">双子座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="3">巨蟹座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="4">狮子座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="5">处女座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="6">天秤座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="7">天蝎座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="8">射手座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="9">魔羯座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="10">水瓶座</p>
            </div>
            <div class="list_items">
                <p class="list_items_cont" id="11">双鱼座</p>
            </div>
            <div class="list_items">
                <a href="https://blog.txit.top">
                    <p class="list_items_cont">作者的博客 欢迎大家！</p>
                </a>
            </div>
        </div>
        <i class="set_icon bi bi-gear"></i>
    </section>
</body>
<script src="./js/obj.js"></script>

</html>